.news-popover {
  width: 4.32rem;
  // height: 6.22rem;
  background-color: #fff;
  position: absolute;
  border-radius: 0.2rem;

  &-list{
    background-clip: padding-box;
    -webkit-box-shadow: 0 3px 6px -4px rgba(0, 0, 0, 0.2), 0 6px 16px 0 rgba(0, 0, 0, 0.08), 0 9px 28px 8px rgba(0, 0, 0, 0.05);
    box-shadow: 0 3px 6px -4px rgba(0, 0, 0, 0.2), 0 6px 16px 0 rgba(0, 0, 0, 0.08), 0 9px 28px 8px rgba(0, 0, 0, 0.05);
  }
  li + li p{
    border-top: 1px solid rgb(133, 133, 133);
  }
  &-item{
    height: 1.51rem;
    display: flex;
    align-items: center;
    font-size: 0.38rem;
    p{
     
      height: 100%;
      flex: 1;
      display: flex;
      align-items: center;
    }
    .unreadSpot{
      display: inline-block;
      width: 0.22rem;
      height: 0.22rem;
      margin-left: 0.53rem;
      background: url('/images/redSpot-icon.png') no-repeat center/0.22rem;
    }
    &-icon{
      width: 0.54rem;
      height: 0.54rem;
      margin: 0 0.53rem;
    }
  }
  .popover-arrow{
    position: absolute;
    display: block;
    width: 0.2rem;
    height: 0.2rem;
    background: transparent;
    border-style: solid;
    border-width: 4.24264069px;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    top:-0.1rem;
    right:0.3rem;
    border-top-color: #fff;
    border-right-color: transparent;
    border-bottom-color: transparent;
    border-left-color: #fff;
    background-color: #fff;
    -webkit-box-shadow: -2px -2px 0.5rem rgba(0, 0, 0, 0.15);
    box-shadow: -2px -2px 0.1rem rgba(0, 0, 0,0.15 );
  }
}